import React from 'react'
import {log} from "../../../../../../utils/commonfunc";

const VipRoomCard = props => {
    const room = props.room
    // Createt: 1612491044
    // Identidy: 1
    // Kename: (3) ["悉尼女足", "悉尼女足", "Sydney Fc (w)"]
    // Name: "Allen"
    // Namiid: 3502814
    // Usercount: 1
    // Zhuname: Array(3)
    // 0: "墨尔本城女足"
    // 1: "墨爾本城女足"
    // 2: "Melbourne City (w)"

    return <div className='flex-space-between bg-white pd-16-12px mg-b-1px'>
        <div className='flex-align-center'>
            <div
                style={{
                    width: '32px',
                    height: '32px',
                    borderRadius: '50%',
                    border: '2px solid #E9E9E9',
                    background: 'rgba(243, 243, 243, 1)',
                    marginRight: '6px',
                }}
            />
            <div>
                <p className='mg-b-4px'>{room.Name}</p>
                <p className='gray-text font-12'>{room.Zhuname[0]} VS {room.Kename[0]}</p>
            </div>
        </div>
        <div>
            <p className='gray-text mg-b-8px'>{room.Usercount}人在线</p>
        </div>
    </div>
}

export default VipRoomCard